import axios from 'axios'
import { useUserStore } from '@/stores'
import { ElMessage } from 'element-plus'
// 在axios文件中使用useRouter的方法导入router，console会输出为undefined
// 因为在js/ts中无法使用vue声明的文件/不能使用useRouter ,useRouter需要在setup中调用执行后才能用
import router from '@/router'

const baseURL = '/api'

//创建一个axios的实例
const instance = axios.create({
  // TODO 1. 基础地址，超时时间
  baseURL,
  timeout: 10000
})

instance.interceptors.request.use(
  (config) => {
    // TODO 2. 携带token
    const userStore = useUserStore()
    if (userStore.token) {
      config.headers.Authorization = userStore.token
    }
    return config
  },
  (err) => Promise.reject(err)
)

instance.interceptors.response.use(
  (res) => {
    // TODO 3. 处理业务失败(code为200表示成功，其他为失败)
    if (res.data.code === 200) {
      return res
    }
    ElMessage({
      message: '出错啦~！' + res.data.msg || '服务异常',
      type: 'error'
    })
    return Promise.reject(res.data)
  },
  (err) => {
    // TODO 5. 处理401错误
    ElMessage({
      message: '错误：' + err.response.data.msg || '服务异常',
      type: 'error'
    })
    if (err.response?.status === 401) {
      console.log('身份认证失败，请重新登录！')
      const userStore = useUserStore()
      userStore.removeToken()
      userStore.removeEmpInfo()
      console.log(router)
      router.push({
        path: '/login'
      })
    }
    return Promise.reject(err)
  }
)

export default instance
export { baseURL }
